.main{
    width: 100%;
    height: 91%;
    display: flex;
    flex-direction: row;
}
.center{
    width: 27%;
    height: 50%;
    margin-left: 36.5%;
    margin-top: 10%;
    display: flex;
    flex-direction: column;
}
.box1{
    width: 100%;
    height: 15%;
    border-bottom: 1px solid white;
    margin-bottom: 7%;
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.box1 span{
    display: inline-block;
    margin-top: 2.5%;
}
.box2{
    width: 100%;
    height: 18%;
    margin-bottom: 7%;
}
.box2 a{
    width: 100%;
    height: 100%;
    background-color: white;
    color: #333333;
    border-radius: 0px;
}
.box2 a span{
    display: inline-block;
    margin-top: 3%;
}
.box3{
    width: 100%;
    height: 18%;
    margin-bottom: 7%;
}
.box3 a{
    width: 100%;
    height: 100%;
    background-color: white;
    color: #333333;
    border-radius: 0px;
}
.box3 a span{
    display: inline-block;
    margin-top: 3%;
}
.box4{
    width: 100%;
    height: 20%;
}
.box5{
    width: 100%;
    height: 15%;
    text-align: center;
}
.box5 span{
    color: white;
    font-size: 12px;
}
.side{
    width: 5%;
    height: 24%;
    margin-left: 1%;
    margin-top: 14%;
}
.side .icon{
    width: 100%;
    height: 50%;
}
.side a{
    display: inline-block;
    color: white;
    font-size: 30px;
    transform:rotate(-90deg);
    margin-top: 18%;
}